<template>
    <div>
        <el-row>
            <el-col :span="20">
                <div class="grid-content bg-purple">
                    <el-form :inline="true" :model="listQuery" class="demo-form-inline">
                        <el-form-item label="接口名称">
                            <el-input v-model="listQuery.interface_name" placeholder="接口名称" autosize />
                        </el-form-item>
                        <el-form-item label="接口编码">
                            <el-input v-model="listQuery.interface_code" placeholder="接口编码" autosize />
                        </el-form-item>
                        <el-form-item label="平台名称">
                            <el-select id="" v-model="listQuery.platform_name" @change="selectChange" placeholder="平台名称" clearable filterable
                                default-first-option>
                                <el-option v-for="item in platform_name_list" :key="item.platform_id"
                                    :label="item.platform_name" :value="item.platform_name" />
                            </el-select>
                        </el-form-item>
                        <el-form-item label="模块名称">
                            <el-select id="" v-model="listQuery.module_name" @change="selectChange" placeholder="模块名称" clearable filterable
                                default-first-option>
                                <el-option v-for="item in module_name_list" :key="item.module_id"
                                    :label="item.module_name" :value="item.module_name" />
                            </el-select>
                        </el-form-item>
                        <el-form-item label="报表名称">
                            <el-select id="" v-model="listQuery.report_name" @change="selectChange" placeholder="报表名称" clearable filterable
                                default-first-option>
                                <el-option v-for="item in report_name_list" :key="item.report_id"
                                    :label="item.report_name" :value="item.report_name" />
                            </el-select>
                        </el-form-item>
                    </el-form>
                </div>
            </el-col>
            <el-col :span="4">
                <div class="grid-content bg-purple-light">
                    <el-button type="primary" @click="getDataList()">查询</el-button>
                    <!-- <el-button type="primary" @click="dialogFormVisible = true">新增</el-button> -->
                </div>
            </el-col>
        </el-row>
    </div>
</template>

<script>

export default {
    props: {
        queryForm:{}
    },
    data() {
        return {
            query_form: [
                {id:1, position:1, name:'col1', label:'参数1'}
            ]
        }
    }
}

</script>

<style scoped>

</style>